<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>iview example</title>
    <link rel="stylesheet" type="text/css" href="http://unpkg.com/iview@3.1.2/dist/styles/iview.css">
    <script type="text/javascript" src="http://vuejs.org/js/vue.min.js"></script>
    <script type="text/javascript" src="http://unpkg.com/iview@3.1.2/dist/iview.min.js"></script>
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
</head>
<body>
<div id="app">

    <br>
    &nbsp;&nbsp;&nbsp;<i-button @click="show" type="primary">点击</i-button>
    <Modal v-model="visible" title="哈哈哈">Welcome to iView
        <div slot="footer">
            <i-button @click="show" type="primary">点击</i-button>
        </div>
    </Modal>
    <i-select style="width: 200px">
        <i-option value="5">444</i-option>
        <i-option value="6">454</i-option>
    </i-select>
</div>
<script>
    new Vue({
        el: '#app',
        data: {
            visible: false
        },
        methods: {
            show: function () {
                axios.get("http://localhost:10001/mvcdemo/api/test1").then(function (res) {
                    console.log(res)
                }).catch(function (error) {
                    console.log(error)
                });
            }
        }
    })
</script>
</body>
</html>